<template>
  <el-main>
                  <div>
                    <el-form ref="form" :model="form" label-width="100px">
                      <el-form-item label="请输入航班号">
                        <el-row>
                          <el-col :span="40">
                            <el-input
                              style="width: 200%"
                              v-model="form.dfltFlno"
                            ></el-input>
                          </el-col>
                        </el-row>
                        <el-col :span="20">
                          <el-button
                            class="btn1"
                            type="primary"
                            @click="onSubmitFlno"
                            >查询</el-button
                          >
                        </el-col>
                      </el-form-item>
                      <div class="link-top"></div>
                      <el-form-item label="目的地">
                        <el-input
                          style="width: 400px"
                          v-model="form.apcd"
                        ></el-input>
                      </el-form-item>
                      <el-form-item label="航空公司">
                        <el-input
                          style="width: 400px"
                          v-model="form.dfltAwcd"
                        ></el-input>
                      </el-form-item>
<!--                      <el-form-item label="日期">-->
<!--                        <el-select v-model="form.region" placeholder="今天">-->
<!--                          <el-option label="昨天" value="yesterday"></el-option>-->
<!--                          <el-option label="今天" value="today"></el-option>-->
<!--                          <el-option label="明天" value="tomorrow"></el-option>-->
<!--                        </el-select>-->
<!--                      </el-form-item>-->
<!--                      <el-form-item label="计划出发时间">-->
                      <el-form-item label="日期">
                        <el-col :span="13">
                          <el-date-picker
                            type="date"
                            placeholder="选择日期"
                            v-model="form.startDate"
                            style="width: 200px"
                          ></el-date-picker>
                           <el-col :span="1" class="btn2">到</el-col>
                          
                          <el-date-picker
                            type="date"
                            placeholder="选择日期"
                            v-model="form.endDate"
                            style="width: 200px"
                            class="btn3"
                          ></el-date-picker>
                        </el-col>
                      </el-form-item>
                      <el-form-item>
                        <el-button type="primary" @click="onSubmit"
                          >搜索</el-button
                        >
                      </el-form-item>
                    </el-form>
                  </div>
                  <!-- 数据表 -->
                  <el-table
                    ref="singleTable"
                    :data="tableData"
                    highlight-current-row
                    style="width: 100%"
                  >
                    <el-table-column
                      property="dfltCfno"
                      label="飞机号"
                      width="100"
                    >
                    </el-table-column>
                    <el-table-column
                      property="dfltFlno"
                      label="航班号"
                      width="100"
                    >
                    </el-table-column>
                    <el-table-column
                      property="dfltAwcd"
                      label="航空公司"
                      width="100"
                    >
                    </el-table-column>
                    <el-table-column property="apcd" label="航线" width="150">
                    </el-table-column>
                    <el-table-column property="dtime" label="日期" width="200">
                    </el-table-column>
                    <el-table-column
                      property="fptt"
                      label="计划起飞时间"
                      width="220"
                    >
                    </el-table-column>
                    <el-table-column
                      property="fplt"
                      label="预计降落时间"
                      width="220"
                    >
                    </el-table-column>
                  </el-table>
                  <!-- 分页组件 -->
                  <el-pagination
                    background
                    layout="prev, pager, next"
                    :total="count"
                    :current-page="page"
                    :pageCount="pageCount"
                    @current-change="changePage"
                  >
                  </el-pagination>
                </el-main>
    </template>
            
    
    <script>
    import { ElMessageBox } from 'element-plus'
 import axios from "axios";
 const locationNames = {
   '杭州': 'HGH',
   '深圳': 'SZX',
   '香港': 'HKG',
   '台北松山':'TSA',
   '上海虹桥': 'SHA',
   '昆明':'KMG',
   '西安':'XIY',
   '太原':'TYN',
   '桂林':'KWL',
   '大连':'DLC',
   '重庆':'CKG',
   '福州':'FOC',
   '呼和浩特':'HET',
   '长春':'CGQ',
   '长沙':'CSX',
   '锡林浩特':'XIL',
   '厦门':'XMN',
   '西宁':'XNM',
   '日照':'RIZ',
   '成都':'CTU',
   '乌鲁木齐':'URC',
   '朝阳':'CHG',
   '吕梁':'LLV',
   '乌兰浩特':'HLH',
   '贵阳':'KWE',
   '长治':'CIH',
   '宁波':'NGB',
   '广州':'CAN',
   '哈尔滨':'HRB',
   '铜仁':'TEN',
   '沈阳':'SHE',
   '武汉':'WUH',
   '南昌':'KHN',
   '兰州':'LHW',
   '宜昌':'YIH',
   '赤峰':'CIF',
   '珠海':'ZUH',
   '青岛':'TAO',
   '芽庄':'CXR',
   '鄂尔多斯':'DSN',
   '郑州':'CGO',
   '上海浦东':'PVG',
   '大庆':'DQA',
   '南宁':'NNG',
   '大阪':'KIX',
   '海口':'HAK',
   '天水':'THQ',
   '阿尔山':'YIE',
   '石家庄':'SJW',
   '银川':'INC',
   '十堰':'WDS',
   '固原':'GYU',
   '东京成田':'NRT',
   '名古屋':'NGO',
   '义乌':'YIW',
   '南通':'NTG',
   '天津':'TSN',
 };
    export default {
      name: "A24012403"
        
    }
    </script>
    
    <style scoped>
    
    </style>